<%-- 
    Document   : Dashboard
    Created on : Nov 30, 2012, 12:48:43 AM
    Author     : Tam Nguyen
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib prefix="s" uri="/struts-tags" %>  
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <title>Customer Admin</title>
        <link rel="stylesheet" type="text/css" href="css/theme.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/theme4.css" />
    </head>
    <body>
        <div id="container">
            <div id="header">
                <h2>My Admin area</h2>
                <div id="topmenu">
                    <ul>
                        <li><a href="DashBoard.jsp">Dashboard</a></li>
                        <li><a href="ProductAdmin.action">Products</a></li>
                        <li class="current"><a href="CustomerAdmin.action">Customers</a></li>
                        <li><a href="OrdersAdmin.action">Orders</a></li>
                        <li><a href="ReportsAdmin.action">Reports</a></li>
                        <li><a href="ReportsCustomerAdmin.action">Report Customer</a></li>
                        <li><a href="#">Settings</a></li>
                    </ul>
                </div>
            </div>
            <div id="top-panel">
                <div id="panel">
                    <ul>
                        <li><a href="#" class="report">Sales Report</a></li>
                        <li><a href="#" class="report_seo">SEO Report</a></li>
                        <li><a href="#" class="search">Search</a></li>
                        <li><a href="#" class="feed">RSS Feed</a></li>
                    </ul>
                </div>
            </div>
            <div id="wrapper">
                <div id="content">
                     <div id="box">
                	
                    <s:form  action="CustomerAdmin" method="post">
                      <fieldset id="personal">
                        <legend>ADD CUSTOMER</legend>
                        <table>
                            <tr>
                                <td style="width: 150px;"><s:label theme="simple">Customer ID: </s:label></td>
                                <td style="width: 200px;"><s:textfield name="customer_id" theme="simple"></s:textfield></td>
                                <td style="width: 150px;"></td>
                                <td style="width: 200px;"></td>
                                
                                
                            </tr>
                            <tr>
                                <td style="width: 150px;"><s:label theme="simple">First Name: </s:label></td>
                                <td style="width: 200px;"><s:textfield name="first_name" theme="simple"></s:textfield></td>
                                <td style="width: 150px;"><s:label theme="simple">Last Name: </s:label></td>
                                <td style="width: 200px;"><s:textfield name="last_name" theme="simple"></s:textfield></td>
                            </tr>
                            <tr>
                                <td style="width: 150px;"><s:label theme="simple">Email: </s:label></td>
                                <td style="width: 200px;"><s:textfield name="email" theme="simple"></s:textfield></td>
                                <td style="width: 150px;"><s:label theme="simple">Phone: </s:label></td>
                                <td style="width: 200px;"><s:textfield name="phone" theme="simple"></s:textfield></td>
                            </tr>
                            <tr>
                                <td style="width: 150px;"><s:label theme="simple">Gender: </s:label></td>
                                <td style="width: 200px;"><s:textfield name="gender" theme="simple"></s:textfield></td>
                                <td style="width: 150px;"><s:label theme="simple">Address: </s:label></td>
                                <td style="width: 200px;"><s:textfield name="address" theme="simple"></s:textfield></td>
                            </tr>
                            <tr>
                                <td style="width: 150px;"><s:label theme="simple">Birthdate: </s:label></td>
                                <td style="width: 200px;"><s:textfield name="birthdate" theme="simple"></s:textfield></td>
                                <td style="width: 150px;"><s:label theme="simple">Rank: </s:label></td>
                                <td style="width: 200px;"><s:textfield name="rank" theme="simple"></s:textfield></td>
                            </tr>
                            
                        </table>
                        
                      </fieldset>
                      
                      <div align="center">
                      <s:submit cssStyle="width: 60px;" name="add" theme="simple" value="Add"></s:submit>
                      
                      </div>
                    </s:form>

                </div>
            
                    <div id="infowrap">
                        <div id="infobox">
                            <h3>CUSTOMER INFORMATION</h3>
                            <s:property value="ThongBao"></s:property>
                            <s:form action="CustomerAdmin" method="POST">
                            <table>
                                <thead>
                                    <tr>
                                        <th style="width:20px;">Cus. ID</th>
                                        <th style="width:55px;">First Name</th>
                                        <th style="width:60px;">Last Name</th>
                                        <th style="width:105px;">Email</th>
                                        <th style="width:75px;">Phone</th>
                                        <th style="width:50px;">Gender</th>
                                        <th style="width:80px;">Address</th>
                                        <th style="width:70px;">Birthdate</th>
                                        <th style="width:15px;">Rank</th>
                                        <th>Action</th>
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                   
                                    <s:iterator value="list" status="listStatus">
                                    <s:form action="CustomerAdmin" method="POST">
                                    <tr>
                                        <td><s:textfield cssStyle="width:20px;" readonly="true" name="customer_id" theme="simple" value="%{customer_id} "/></td>
                                        <td><s:textfield cssStyle="width:50px;" name="first_name" theme="simple" value="%{first_name}"/></td>
                                        <td><s:textfield cssStyle="width:50px;" name="last_name" theme="simple" value="%{last_name}"/></td>
                                        <td><s:textfield cssStyle="width:100px;" name="email" theme="simple" value="%{email}"/></td>
                                        <td><s:textfield cssStyle="width:70px;" name="phone" theme="simple" value="%{phone}"/></td>
                                        <td><s:textfield cssStyle="width:45px;" name="gender" theme="simple" value="%{gender}"/></td>
                                        <td><s:textfield cssStyle="width:70px;" name="address" theme="simple" value="%{address}"/></td>
                                        <td><s:textfield cssStyle="width:65px;" name="birthdate" theme="simple"value="%{birthdate}"/></td>
                                        <td><s:textfield cssStyle="width:15px;" name="rank" theme="simple"value="%{rank}"/></td>
                                        <td><s:submit name="delete" theme="simple"  value="Delete" ></s:submit>
                                            <s:submit  name="update" theme="simple" value="Update"></s:submit>
                                        </td>
                                    </tr>
                                    </s:form>    
                                    </s:iterator>
                                    
                                </tbody>
                            </table> 
                            </s:form>
                        </div> 
                    </div>
                   
                </div>
                <div id="sidebar">
                    <ul>
                        <li><h3><a href="#" class="house">Dashboard</a></h3>
                            <ul>
                                <li><a href="#" class="report">Sales Report</a></li>
                                <li><a href="#" class="report_seo">SEO Report</a></li>
                                <li><a href="#" class="search">Search</a></li>
                            </ul>
                        </li>
                        <li><h3><a href="#" class="folder_table">Orders</a></h3>
                            <ul>
                                <li><a href="#" class="addorder">New order</a></li>
                                <li><a href="#" class="shipping">Shipments</a></li>
                                <li><a href="#" class="invoices">Invoices</a></li>
                            </ul>
                        </li>
                        <li><h3><a href="#" class="manage">Manage</a></h3>
                            <ul>
                                <li><a href="#" class="manage_page">Pages</a></li>
                                <li><a href="#" class="cart">Products</a></li>
                                <li><a href="#" class="folder">Product categories</a></li>
                                <li><a href="#" class="promotions">Promotions</a></li>
                            </ul>
                        </li>
                        <li><h3><a href="#" class="user">Users</a></h3>
                            <ul>
                                <li><a href="#" class="useradd">Add user</a></li>
                                <li><a href="#" class="group">User groups</a></li>
                                <li><a href="#" class="search">Find user</a></li>
                                <li><a href="#" class="online">Users online</a></li>
                            </ul>
                        </li>
                    </ul>       
                </div>
            </div>
            <div id="footer">
                <div id="credits">
                    Template by <a href="#"> ClothesForMen</a>
                </div>
                <div id="styleswitcher">
                    
                </div><br />

            </div>
        </div>
    </body>
</html>